<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>管理用户</title>
  <!-- 样式表链接 -->
  <link rel="stylesheet" href="/static/assets/css/style3.css">


  <!-- Favicons -->
  <link href="/static/assets/img/tubiao.png" rel="icon">

  <!-- Vendor CSS Files -->
  <link href="/static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="/static/assets/vendor/icofont/icofont.min.css" rel="stylesheet">
  <link href="/static/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="/static/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="/static/assets/vendor/venobox/venobox.css" rel="stylesheet">
  <link href="/static/assets/vendor/aos/aos.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="/static/assets/css/style.css" rel="stylesheet">
</head>

<body>
 <script type="text/javascript"
            src="..//static/assets/js/jquery-2.2.1.min.js">

    </script>
    <script type="text/javascript"
            src="..//static/assets/js/bootstrap-table.js">
    </script>
        <link rel="stylesheet" href="..//static/assets/css/bootstrap-table.scss">

      <!-- ======= Header ======= -->
    <header id="header">
      <div class="container">
        <nav class="nav-menu float-right d-none d-lg-block">
          <ul>
            <li><a href="/manage_movie">manage movie</a></li>
            <li class="active"><a href="/manage_user">manage user</a></li>
          </ul>
        </nav><!-- .nav-menu -->
      </div>
    </header><!-- End Header -->

  <div class="container">
    <h1>管理用户</h1>
    <table>
      <tr>
        <th>用户名</th>
        <th>性别</th>
        <th>年龄</th>
        <th>操作</th>
      </tr>
      {% for user in users %}
      <tr>
        <td>{{ user[1] }}</td>
        <td>{{ user[3] }}</td>
        <td>{{ user[4] }}</td>
        <td>
          <button class="delete-btn" onclick="deleteUser('{{ user[1] }}')">删除</button>
          <button class="send-message-btn" onclick="sendMessage('{{ user[1] }}')">发送私聊</button>


        </td>
      </tr>
      {% endfor %}
    </table>
  </div>

  <!-- 删除用户的 JavaScript 函数 -->
  <script>
    function deleteUser(username) {
      if (confirm(`确定要删除用户 ${username} 吗？`)) {
        // 向后端发送删除用户的请求，可以使用 AJAX 或者其他方式
        // 示例代码：发送到 /delete_user 路由，参数为 username
        fetch(`/delete_user?username=${username}`, {
          method: 'DELETE'
        })
        .then(response => {
          if (response.ok) {
            // 删除成功，刷新页面或者其他操作
              console.info('操作成功')
            location.reload();
          } else {
            // 处理错误
            console.error('删除用户失败');
          }
        })
        .catch(error => {
          console.error('删除用户失败', error);
        });
      }
    }
  </script>

  <!-- 发送私信的 JavaScript 函数 -->
  <script>
   function sendMessage(username) {
  var message = prompt("请输入您要发送给用户的消息："); // 弹出对话框让管理员输入消息
  if (message != null) { // 如果管理员输入了消息并点击了确定
  fetch(`/send_message`, {
    method: 'POST', // 使用 POST 请求发送消息
    headers: {
      'Content-Type': 'application/json', // 设置请求头
    },
    body: JSON.stringify({ receiver: username, message: message }) // 将数据作为JSON字符串发送
  })
    .then(response => {
      if (response.ok) {
        alert('消息发送成功！');
      } else {
        console.error('发送消息失败');
      }
    })
    .catch(error => {
      console.error('发送消息失败', error);
    });
  }
}

  </script>

</body>

</html>
